.order-page {
    .search-box {
        background-color: #1791ff;
        padding: 0 25rpx;
        display: flex;
        align-items: center;
        height: 180rpx;
        line-height: 180rpx;

        .getCodeBox {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: flex;
            border: 1px solid #fff;
            height: 90rpx;
            line-height: 90rpx;
            padding: 0 30rpx;
            .input-box {
                height: 90rpx;
                flex: 1;
                .at-input {
                    input {
                        font-size: 28rpx;
                        color: #fff;
                        height: 90rpx;
                        line-height: 90rpx;
                    }
                    .placeholder {
                        color: #fff;
                    }
                }
            }
            .icon {
                margin-left: 10rpx;
            }
        }
    }
    .menu-box {
        display: flex;
        align-items: center;
        background-color: #fff;
        .menu {
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center;
            color: #666;
            font-size: 24rpx;
            padding: 40rpx 0;
            .name {
                margin-top: 10rpx;
            }
        }
    }
    .title {
        font-size: 30rpx;
        color: #444;
        margin: 50rpx 0 30rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 40rpx;
    }
    .order-box {
        border-top: 10rpx solid #eee;
        padding: 0 40rpx;

        .oder-header {
            font-size: 26rpx;
            color: #444;
            display: flex;
            height: 80rpx;
            line-height: 80rpx;
            border-bottom: 1rpx solid #ddd;
            .order-number {
                color: #999;
                font-size: 26rpx;
                flex: 1;
            }
            .order-status {
                color: #1791ff;
                font-size: 26rpx;
            }
        }
        .shop-box {
            display: flex;
            align-items: center;
            height: 80rpx;
            line-height: 80rpx;

            .shope-name {
                color: #444;
                font-size: 26rpx;
                font-weight: bold;
                flex: 1;
            }
            .types {
                color: #444;
                font-size: 26rpx;
            }
        }
    }
    .goodsList {
        padding-bottom: 30rpx;
        .item {
            display: flex;
            line-height: 45rpx;
            height: 45rpx;
            align-items: center;

            .name {
                flex: 1;
                font-size: 26rpx;
                color: #999;
            }
            .type {
                color: #f64c4c;
                border: 1px solid #f64c4c;
                font-size: 24rpx;
                display: flex;
                align-items: center;
                height: 36rpx;
                width: 80rpx;
                align-items: center;
                justify-content: center;
                margin-right: 10rpx;
            }
            .price {
                font-size: 26rpx;
                color: #999;
            }
            .number {
                font-size: 26rpx;
                color: #999;
                flex-basis: 50rpx;
                text-align: right;
            }
        }
    }
    .total {
        display: flex;
        color: #444;
        font-size: 26rpx;
        border-top: 1px solid #ddd;
        height: 80rpx;
        line-height: 80rpx;
        font-weight: bold;

        .left {
            flex: 1;
        }
        .right {
        }
    }
    .contact {
        border-top: 1rpx solid #ddd;
        color: #999;
        font-size: 26rpx;
        padding: 18rpx 0;
        line-height: 50rpx;
    }
    .handle {
        border-top: 1px solid #ddd;
        display: flex;
        padding: 25rpx 0;
        justify-content: flex-end;

        .button {
            color: #999;
            font-size: 24rpx;
            border: 1px solid #ccc;
            display: flex;
            width: 120rpx;
            height: 50rpx;
            line-height: 50rpx;
            justify-content: center;
            margin-left: 30rpx;
        }
    }
}
